$(document).ready(function() {
	var currentImage;
	var currentIndex = -1;
	var myTimer;
	myTimer = setTimeout("showNext()", 3000);
	showNext(); //loads first image
	$('#thumbs li').bind('mousemove',function(){
		var count = $(this).attr('rel');
		showImage(parseInt(count)-1);
	});
	function showImage(index){
		if(index < $('#bigPic img').length){
			var indexImage = $('#bigPic img')[index]
			if(currentImage){   
				if(currentImage != indexImage ){
					$(currentImage).css('z-index',2);
					clearTimeout(myTimer);
					$(currentImage).fadeOut(250, function() {
						myTimer = setTimeout("showNext()", 3000);
						$(this).css({'display':'none','z-index':1})
					});
				}
			}
			$(indexImage).css({'display':'block', 'opacity':1});
			currentImage = indexImage;
			currentIndex = index;
			$('#thumbs li').removeClass('active');
			$($('#thumbs li')[index]).addClass('active');
		}
	}		
	function showNext(){
		var len = $('#bigPic img').length;
		var next = currentIndex < (len-1) ? currentIndex + 1 : 0;
		showImage(next);
	}
});